<template>
  <view class="normal-login-container">
    <view class="lineBottom10">
      <uni-section title="车辆基础信息" type="line"/>
    </view>
    <view class="item-wrap" v-for="(item,index) in ruleForm.tableData" :key="index">
      <view class="title-wrap">
        <text>{{ item.vinNo || '' }}</text>
        <text>{{ item.carNo || '' }}</text>
      </view>
      <view class="flex-col flex1">
        <view class="text-line">
          <text class="text-name">品牌车系车型:</text>
          <text class="text-value">
            {{ item.brandName|filterNull }}/{{ item.seriesName|filterNull }}/{{ item.modelName|filterNull }}
          </text>
        </view>
        <view class="text-line">
          <text class="text-name">车辆产权公司:</text>
          <text class="text-value">{{ item.propertyRightName|filterNull }}</text>
        </view>
        <view class="text-line">
          <text class="text-name">商业险保单号:</text>
          <text class="text-value">{{ item.syxPolicyCode|filterNull }}</text>
        </view>
        <view class="text-line">
          <text class="text-name">商业险保险公司:</text>
          <text class="text-value">{{ item.syxCompany|filterNull }}</text>
        </view>
        <view class="text-line">
          <text class="text-name">商业险到期日:</text>
          <text class="text-value">{{ item.syxActualEndTime|filterNull }}</text>
        </view>
        <view class="text-line">
          <text class="text-name">商业险到期日:</text>
          <text class="text-value">{{ item.totalAmount|filterNull }}</text>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  name: 'tableInfo',
  props: {
    value: {
      type: Object,
      default: {}
    },
  },
  computed: {
    ruleForm: {
      get() {
        let that = this
        const proxy = new Proxy(that.value, {
          get(target, key) {
            return Reflect.get(target, key)
          },
          set(target, key, value) {
            that.$emit('input', {...target, [key]: value})
            return true
          }
        })
        return proxy
      }
    },
  },
  watch: {},
  data() {
    return {};
  },
  created() {
  },
  mounted() {
  },
  methods: {},
};
</script>

<style scoped lang=""></style>


